// @flow
import React, { Component } from 'react';
import defaultThumbnail from 'static/images/default_thumbnail.png';
import './UserMenuButton.scss';

type Props = {
  onClick(): void,
  thumbnail: string
};

const UserMenuButton = ({ onClick, thumbnail }: Props) => {
  return (
    <div className="user-btn">
      <div className="user-pic" onClick={onClick}>
        <img src={thumbnail || defaultThumbnail} alt="user logo" />
      </div>
    </div>
  );
};

export default UserMenuButton;
